/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/

/* Color: Grey */
h2,
h3,
a,
.menu-dropdown li.active .level1,
a.button-more:hover,
#system .title a:hover,
#searchbox .results li.more-results:hover { color: #556074; }

/* Color: Red */
h5,
a:hover,
.menu-dropdown a.level3:hover,
.menu-sidebar a:hover > span,
.menu-sidebar span:hover > span,
.mod-box-black a,
#bottom-b .mod-line a,
#system small,
#searchbox .results li.result.selected,
#searchbox .results li.result.selected h3 { color: #d35348; }


/* Menus
----------------------------------------------------------------------------------------------------*/

.menu-dropdown li.level1:hover .level1 > span,
.menu-dropdown li.remain .level1 > span,
.menu-dropdown li.active .level1 > span { background-image: url(../images/menu_dropdown_level1_active.png); }

.menu-dropdown a.level2:hover { background-color: #556074; }

.mod-box-color .menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent_color.png); }

.mod-box-color .menu-sidebar a.level2 { background-image: url(../images/menu_sidebar_level2_color.png); }


/* Modules
----------------------------------------------------------------------------------------------------*/

.mod-box .module-title,
#system .item > header { background: url(../images/mod_box_header.png) 0 100% repeat-x; }
.module.mod-box-color .module-title { background: url(../images/mod_box_color_header.png) 0 100% repeat-x; }

/* Module Box: Color */
.mod-box-color {
	border-color: #485162;
	border-bottom-color: #353C48;
	background: #485162 url(../images/mod_box_color.png) 0 100% repeat-x;
	box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

.mod-box-color > div {
	background: #556074;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1);
}

.mod-box-color a { color: #222630; }

.mod-box-color a:hover,
.mod-box-color .menu-sidebar a:hover > span,
.mod-box-color .menu-sidebar span:hover > span,
.mod-box-color > div .module-title .subtitle { color: #C7CCD6; }


/* Tools
----------------------------------------------------------------------------------------------------*/

form.style button:hover,
form.style input[type="button"]:hover,
form.style input.button:hover,
form.style #submit:hover {
	border-color: #353C48;
	background-color: #556074;
	box-shadow: 0 2px 1px rgba(0,0,0,0.1);
}